import Vue from 'vue'
import VueRouter from 'vue-router'
import Atuoplay from '../views/Atuoplay.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'atuo',
    alias: '/m',
    component: Atuoplay,
    redirect: '/m',
    children: [
      {
        path: 'm',
        name: 'home',
        component: () => import(/* webpackChunkName: "about" */ '../views/List/HomeView.vue'),
      },
      {
        path: 'about',
        name: 'about',
        // alias: 'about/japan',
        redirect: 'about/japan',
        component: () => import(/* webpackChunkName: "about" */ '../views/List/AboutView.vue'),
        children: [
          {
            path: 'japan',
            name: 'japan',
            component: () => import(/* webpackChunkName: "about" */ '../components/Ranks/Rankjapan.vue'),
          },
          {
            path: 'chinese',
            name: 'chinese',
            component: () => import(/* webpackChunkName: "about" */ '../components/Ranks/Rankchinese.vue'),
          },
          {
            path: 'free',
            name: 'free',
            component: () => import(/* webpackChunkName: "about" */ '../components/Ranks/Rankfree.vue'),
          },

        ]
      },
      {
        path: 'classify',
        name: 'classify',
        component: () => import(/* webpackChunkName: "about" */ '../views/List/Classify.vue'),
        // redirect:'/classify/poiont',
        // children: [
        //   {
        //     path: 'poiont',
        //     name: 'poiont',
        //     component: () => import('@/components/Poiont/Poiontlist.vue')
        //   },

        // ]
      },
      {
        path:'present',
        name:'present',
        component:()=>import(/* webpackChunkName: "about" */ '@/views/present/Presentview.vue')
      },
      {
        path:'content',
        name:'content',
        component:()=>import(/* webpackChunkName: "about" */ '@/views/content/Contentview.vue')
      }
    ]
  },

]

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  linkActiveClass: "on",
  linkExactActiveClass: "",
  routes
})

export default router
